<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<title>动力·安全-雅迪钻石电动车</title>
	<link rel="shortcut icon" href="images/logo.ico"/>
	<!-- fullPage全屏切换插件样式 -->
	<link rel="stylesheet" type="text/css" href="css/jquery.fullPage.css">
	<!-- 描述页头部底部样式 -->
	<link rel="stylesheet" type="text/css" href="css/head&footer.css">
	<!-- 动力·安全页自定义样式 -->
	<link rel="stylesheet" type="text/css" href="css/power/diamo_power.css">
	<!-- 动力·安全页动画样式 -->
	<link rel="stylesheet" href="css/power/power_animation.css"/>
	<!-- 图标字体样式 -->
	<link rel="stylesheet" href="font/style.css"/>
</head>

<body>
<!--固定导航区-->
<div class="ml-nav">
	<div class="center-wrap clearfix">
		<p class="ml-link">
			<a href="diamo_functions.html">功能概述</a>
			<a href="diamo_detail.html">细节设计</a>
			<a href="diamo_quality.html">品质舒适</a>
			<a class="active-click" href="diamo_power.html">动力·安全</a>
			<a href="diamo_parameter.html">规格参数</a>
		</p>
		<a class="buy-now" href="javascript:">立即购买</a>
	</div>
</div>

<div id="dowebok">
	<!-- 顶页，导航页面 -->
	<div class="section header fp-auto-height" id="section1">
		<div class="center-wrap clearfix">
			<h1 class="yadea-logo"><a href="home.html">yadea</a></h1>
			<ul class="nav">
				<li><a href="diamo_functions.html">钻石</a></li>
				<li><a href="javascript:">飞翼侠</a></li>
				<li><a href="javascript:">x－极光</a></li>
				<li><a href="javascript:">x－战警侠</a></li>
				<li><a href="javascript:">米思</a></li>
				<li><a href="javascript:">贝贝熊</a></li>
				<li><a href="javascript:">社区</a></li>
				<li><a href="javascript:">服务</a></li>
			</ul>
			<div class="login">
				<a href="javascript:">注册</a>|<a href="javascript:">登陆</a>
			</div>
		</div>
	</div>
	<!-- 第1页，车架页面 -->
	<div class="section frame active" id="section2">
		<div class="center-wrap">
			<div class="desc frame-desc">
				<h1>呵护－放心驾乘</h1>
				<h2>全新T形弯梁车架</h2>
				<p>颠覆传统V形弯管结构，首创T形弯梁车架，</p>
				<p>前后轴位于同一轴心线，行驶更稳定；</p>
				<p>T形结构，坚实扎实，又不失韧性，骑乘更安全舒适。</p>
			</div>
			<div class="frame-img">
				<img src="images/1/frame.png" alt="car-img" class="car-img1"/>
			</div>
		</div>
	</div>

	<!-- 第2页，电池盒页面 -->
	<div class="section battery-box" id="section3">
		<div class="center-wrap">
			<div class="desc battery-box-desc">
				<h1>呵护－稳固防撞</h1>
				<h2>托底式电池盒</h2>
				<p>普通电动车采用悬吊式电池盒，易脱落，不稳定，不防撞；</p>
				<p>钻石电池盒固定在车架上，稳固防撞不脱落，电池更安全。</p>
			</div>
			<div class="battery-box-img">
				<img alt="battery-box" src="images/4/battery-box.png" class="battery-box-img1">
			</div>
		</div>
	</div>

	<!-- 第3页，电池压条页面 -->
	<div class="section battery-bar" id="section4">
		<div class="center-wrap">
			<div class="desc battery-bar-desc">
				<h1>呵护－安全绝缘</h1>
				<h2>加厚冲压式浸塑电池压条</h2>
				<p>采用加厚冲压式钢板电池压条，表面增加绝缘浸塑，</p>
				<p>更有效防止电池松动，电路更安全。</p>
			</div>
			<div class="battery-bar-img">
				<img alt="battery-bar" src="images/4/weld.png" class="battery-bar-img1">
			</div>
		</div>
	</div>

	<!-- 第4页，总线页面 -->
	<div class="section bus" id="section5">
		<div class="center-wrap">
			<div class="desc bus-desc">
				<h1>呵护－整齐有序</h1>
				<h2>集成限位式总线工艺</h2>
				<p>布线卡扣限位，线缆走向清晰，插口采用良好防水绝缘技术</p>
				<p>减少故障。</p>
			</div>
			<div class="bus-img">
				<img alt="bus" src="images/4/integrate.png">
			</div>
		</div>
	</div>

	<!-- 第5页，刹车页面 -->
	<div class="section brake" id="section6">
		<div class="center-wrap">
			<div class="desc brake-desc">
				<h1>呵护－点到即止</h1>
				<h2>摩托级高端液压前碟刹</h2>
				<p>采用摩托车级别的加大碟刹盘，散热更快，制动效果更好，</p>
				<p>使用寿命更长。</p>
			</div>
			<div class="brake-img">
				<img alt="brake" src="images/2/car180(2).png">
			</div>
		</div>
	</div>

	<!-- 第6页，电机页面 -->
	<div class="section motor" id="section7">
		<div class="center-wrap">
			<div class="desc motor-desc">
				<h1>动力－刚柔并济</h1>
				<h2>800W 350磁钢电机</h2>
				<p>扭矩更大，动力更强，起步柔和，提速更快。</p>
			</div>
			<div class="motor-img">
				<img alt="motor" src="images/4/car-240deg.png">
			</div>
		</div>
	</div>


	<!-- 底部、页底 -->
	<div class="section footer fp-auto-height" id="footer">
		<div class="footer-warp">
			<div class="yadea-row text1-color">
				<div class="col-1">
					<dl>
						<dt>选购及了解</dt>
						<dd><a href="#">售卖车型</a></dd>
						<dd><a href="#">配件商城</a></dd>
					</dl>
				</div>
				<div class="col-1">
					<dl>
						<dt>关于我们</dt>
						<dd><a href="#">了解雅迪</a></dd>
						<dd><a href="#">加入我们</a></dd>
						<dd><a href="#">法律申明</a></dd>
					</dl>
				</div>
				<div class="col-1">
					<dl>
						<dt>售后帮助</dt>
						<dd><a href="#">购买指南</a></dd>
						<dd><a href="#">支付方式</a></dd>
						<dd><a href="#">配送政策</a></dd>
					</dl>
				</div>
				<div class="col-2 contact">
					<ul>
						<li class="mobile-cont">
							<ul>
								<li>
									<a href="#" class="weibo-tel">
										<i class="icon-weibo"></i>
									</a>
								</li>
								<li>
									<a href="#" class="QQ-tel">
										<i class="icon-QQ"></i>
									</a>
								</li>
								<li>
									<a href="#" class="weixin-tel">
										<i class="icon-weixin"></i>
									</a>
								</li>
							</ul>
						</li>
						<li class="tel-cont">
							<p class="hot-line">全国服务热线</p>
							<p class="hot-tel">400-600-9566</p>
						</li>
					</ul>
				</div>
			</div>
		</div>

		<div class="copyright center-wrap">
			<p>雅迪，更高端的电动车 © 2014 雅迪科技集团销售有限公司 版权所有 苏ICP备14024626号-1</p>
		</div>
	</div>
</div>

<!-- 全屏切换插件代码 -->
<script src="js/jquery-1.8.3.min.js"></script>
<script src="js/jquery.fullPage.js"></script>
<script>
	$(function(){
		var $mlNav = $('.ml-nav');
		$('#dowebok').fullpage({
			verticalCentered: !1,
			anchors: ['page1', 'page2', 'page3', 'page4', 'page5', 'page6', 'page7'],
			navigation: !0,
			navigationTooltips: ['导航', '车架', '电池盒', '电池压条', '总线', '刹车', '电机' ],
			menu:"#menu",
			onLeave: function(index, nextIndex, direction){
				if(index == 2 && direction == 'up'){
					$mlNav.animate({
						top: 80
					}, 680);
					$("#section2").addClass("fixed");
				} else if(index == 1 && direction == 'down') {
					$mlNav.animate({
						top: 0
					}, 400);
					$("#section2").removeClass("fixed");
				}
				if(index == 7 && direction == 'down'){
					$("#section7").addClass("fixed");
				} else {
					$("#section7").removeClass("fixed");
				}
			}
		});
	})
</script>
</body>
</html>